.plugin-ratings.is-placeholder {
	.plugin-ratings__rating-text {
		@include placeholder();
	}

	.rating {
		animation: loading-fade 1.6s ease-in-out infinite;
	}
}

.plugin-ratings__rating-stars {
	font-size: 24px;

	@include breakpoint-deprecated( '<480px' ) {
		display: inline-block;
		margin-right: 8px;
	}
}

.plugin-ratings__rating-text {
	font-size: $font-body-extra-small;
	color: var( --color-neutral-light );
	margin-bottom: 16px;

	@include breakpoint-deprecated( '<480px' ) {
		display: inline;
		line-height: 24px;
		vertical-align: top;
	}
}

.plugin-ratings__rating-tier-text,
.plugin-ratings__downloads {
	font-size: $font-body-extra-small;
	color: var( --color-neutral-light );
	white-space: pre;
	text-overflow: ellipsis;
	overflow: hidden;
}

.plugin-ratings__rating-tiers {
	display: table;
}

.plugin-ratings__rating-container {
	display: table-row;
	width: 100%;
	line-height: 18px;
}

.plugin-ratings__rating-tier-text {
	display: table-cell;
	padding-right: 16px;
}

.plugin-ratings__downloads {
	margin-top: 16px;
}

.plugin-ratings__bar {
	display: table-cell;
	width: 100%;

	.progress-bar {
		position: relative;
		border-radius: 0;
		height: 8px;
		background-color: var( --color-neutral-10 );
	}

	.progress-bar__progress {
		border-radius: 0;
		background-color: var( --color-accent );
	}
}
